<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        .am-g {
            margin: 0 auto;
            width: 90%;
        }

        .li {
            width: 30%;
            float: left;
            position: relative;
            padding: 26px;
        }

        .images-content {
            width: 100%;
            border: 1px solid #e7ecf1;
            margin-bottom: 30px;
        }

        .images-content-i {
            width: 100%;
            font-size: 14px;
            height:32px;
            line-height:32px;
            color: #666;
            border-bottom: 1px solid #e7ecf1;
            margin-bottom: 10px;
        }

        .images-content img {
            display: block;
            width: 100%;
        }
    </style>

</head>
<body>
<div class="am-g">
    <div class="li">
        <div class="images-content">
            <div class="images-content-i">登陆界面</div>
            <img src="login_tpl_1.png">
        </div>
    </div>
    <div class="li">
        <div class="images-content">
            <div class="images-content-i">wiki界面模板</div>
            <img src="wiki_tpl_1.png">
        </div>
    </div>
    <div class="li">
        <div class="images-content">
            <div class="images-content-i">后台模板_tpl_1</div>
            <img src="后台模板_tpl_1.png">
        </div>
    </div>
    <div class="li">
        <div class="images-content">
            <div class="images-content-i">后台模板_tpl_2</div>
            <img src="后台模板_tpl_2.png">
        </div>
    </div>
    <div class="li">
        <div class="images-content">
            <div class="images-content-i">后台模板_tpl_3</div>
            <img src="后台模板_tpl_3.png">
        </div>
    </div>
    <div class="li">
        <div class="images-content">
            <div class="images-content-i">产品展示_tpl_1</div>
            <img src="产品展示_tpl_1.png">
        </div>
    </div>
</div>
</body>
</html>
